export const optionConfig = (chartData, legend) => {
    const {dataY1=[], dataY2=[], dataY3=[], dataY4=[], dataY5=[],dataY6=[]} = chartData
    return {
        grid: {
            left: '3%',
            right: '5%',
            bottom: '3%',
            top: '20%',
            containLabel: true
        },
        legend: {
            y: 'top',
            itemWidth: 10,
            itemHeight: 10,
            data: legend,
            textStyle: {
                color: '#fff',
                fontSize: 10
            }
        },
        // tooltip: {
        //     trigger: 'item',
        //     showDelay: 0,
        //     formatter: function (params) {
        //         if (params.value.length > 1) {
        //             return params.seriesName + ' :<br/>' +
        //                 params.value[0] + ' ' +
        //                 params.value[1] + ' ';
        //         } else {
        //             return params.seriesName + ' :<br/>' +
        //                 params.name + ' : ' +
        //                 params.value + 'kg ';
        //         }
        //     },
        //     axisPointer: {
        //         show: true,
        //         type: 'cross',
        //         lineStyle: {
        //             type: 'dashed',
        //             width: 1
        //         }
        //     }
        // },
        // legend: {
        //     data: data.legend,
        //     left: 'right',
        //     selected: selected
        // },
        xAxis: [{
            type: 'time',
            scale: true,
            splitLine: {
                lineStyle: {
                    type: 'solid'
                }
            },
            axisLabel: {
                formatter: function (value) {
                    const monthN = new Date(value).getMonth()
                    const day = new Date(value).getDate()
                    const month = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Junl', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
                    return month[monthN] + '' + day;
                }
            },
            axisLine: {
                lineStyle: {
                    color: '#FFF'
                }
            },
        }],
        yAxis: [{
            type: 'value',
            name: '',
            // min: 0,
            // max: 200,
            axisLine: {
                lineStyle: {
                    color: '#FFF'
                }
            },
            axisLabel: {
                formatter: '{value}'
            }
        }],
        series: [{
            name: legend[2],
            type: 'scatter',
            symbol: 'diamond',
            data: dataY1,
            symbolSize: 5,
            itemStyle: {
                normal: {
                    opacity: 1,
                    shadowBlur: 0,
                    shadowOffsetX: 0,
                    shadowOffsetY: 0,
                    color: '#EA6E28',
                    // shadowColor: 'rgb(255, 255, 0)'
                }
            },
        }, {
            name: legend[4],
            type: 'scatter',
            symbol: 'diamond',
            data: dataY2,
            symbolSize: 5,
            itemStyle: {
                normal: {
                    opacity: 1,
                    shadowBlur: 0,
                    shadowOffsetX: 0,
                    shadowOffsetY: 0,
                    color: '#FEFF00',
                    // shadowColor: 'rgb(255,153,0)'
                }
            },
        }, , {
            name: legend[3],
            type: 'scatter',
            symbol: 'diamond',
            data: dataY3,
            symbolSize: 5,
            itemStyle: {
                normal: {
                    opacity: 1,
                    shadowBlur: 0,
                    shadowOffsetX: 0,
                    shadowOffsetY: 0,
                    color: '#EA6E28',
                    // shadowColor: 'rgb(255,153,0)'
                }
            },
        }, {
            name: legend[1],
            type: 'scatter',
            symbol: 'diamond',
            data: dataY4,
            symbolSize: 5,
            itemStyle: {
                normal: {
                    opacity: 1,
                    shadowBlur: 0,
                    shadowOffsetX: 0,
                    shadowOffsetY: 0,
                    color: '#36FF9C',
                    // shadowColor: 'rgb(255,153,0)'
                }
            },
        }, {
            name: legend[0],
            type: 'scatter',
            symbol: 'diamond',
            data: dataY5,
            symbolSize: 5,
            itemStyle: {
                normal: {
                    opacity: 1,
                    shadowBlur: 0,
                    shadowOffsetX: 0,
                    shadowOffsetY: 0,
                    color: '#0AA0D1',
                    // shadowColor: 'rgb(255,153,0)'
                }
            },
        },
        {
            name: legend[5],
            type: 'scatter',
            symbol: 'diamond',
            data: dataY6,
            symbolSize: 5,
            itemStyle: {
                normal: {
                    opacity: 1,
                    shadowBlur: 0,
                    shadowOffsetX: 0,
                    shadowOffsetY: 0,
                    color: '#0AA0D1',
                    // shadowColor: 'rgb(255,153,0)'
                }
            },
        }]
    }
}
